Text Gradient

Intro

Make any text have a gradient color

It can be tricky to get gradients on text in HTML & CSS. This packages wraps the functionality in an easy-to-use component.

Text gradients should be used sparingly, but can look great for landing pages etc.

Demo

color-from ()color-to ()

Change me with the color-pickers above

Components

text-gradient
Attributes
color-from Any HTML color code. "yellow", "rebeccapurple", "#f93", "#1337e5", etc.
color-to Any HTML color code. "yellow", "rebeccapurple", "#f93", "#1337e5", etc.

color-from	Any HTML color code. "yellow", "rebeccapurple", "#f93", "#1337e5", etc.
color-to	Any HTML color code. "yellow", "rebeccapurple", "#f93", "#1337e5", etc.

#text-gradient-ZlWrQQ > span { background: linear-gradient(90deg, #f9c22a 0%, #f2555d 100%);background-clip: text;-webkit-text-fill-color: transparent;-webkit-background-clip: text;background-size: 100%;} Intro

#text-gradient-h4psvb > span { background: linear-gradient(90deg, grey 0%, white 100%);background-clip: text;-webkit-text-fill-color: transparent;-webkit-background-clip: text;background-size: 100%;} Make any text have a gradient color

Demo

Components

text-gradient

Attributes

Intro

Make any text have a gradient color